﻿@page "/tests/dividers"
<Row>
    <Column>
        <Card Margin="Margin.Is4.OnY">
            <CardHeader>
                <CardTitle>Default Dividers</CardTitle>
            </CardHeader>
            <CardBody>
                <CardText>A divider visually separates two pieces of content.</CardText>
            </CardBody>
            <CardBody>
                <Paragraph>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, officiis! Fugit minus ea, perferendis eum consectetur quae vitae. Aliquid, quam reprehenderit? Maiores sed pariatur aliquid commodi atque sunt officiis natus?</Paragraph>
                <Divider Margin="Margin.Is3.OnY" />
                <Paragraph>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, officiis! Fugit minus ea, perferendis eum consectetur quae vitae. Aliquid, quam reprehenderit? Maiores sed pariatur aliquid commodi atque sunt officiis natus?</Paragraph>
                <Divider Margin="Margin.Is3.OnY" DividerType="DividerType.Dashed" />
                <Paragraph>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, officiis! Fugit minus ea, perferendis eum consectetur quae vitae. Aliquid, quam reprehenderit? Maiores sed pariatur aliquid commodi atque sunt officiis natus?</Paragraph>
                <Divider Margin="Margin.Is3.OnY" DividerType="DividerType.Dotted" />
                <Paragraph>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, officiis! Fugit minus ea, perferendis eum consectetur quae vitae. Aliquid, quam reprehenderit? Maiores sed pariatur aliquid commodi atque sunt officiis natus?</Paragraph>
                <Divider Margin="Margin.Is3.OnY" DividerType="DividerType.TextContent" Text="Edgar Allan Poe" />
                <Paragraph>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, officiis! Fugit minus ea, perferendis eum consectetur quae vitae. Aliquid, quam reprehenderit? Maiores sed pariatur aliquid commodi atque sunt officiis natus?</Paragraph>
            </CardBody>
        </Card>
    </Column>
</Row>